<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script src="../js/util/jquery-3.4.1.min.js"></script>
    <script src="../js/util/myAjax.js"></script>
    <script src="../js/codeManage.js"></script>
    <script src="../static/Convert_Pinyin.js"></script>
    <script src="../js/personnelAdd.js"></script>
    <script src="../static/layui/layui.js"></script>
    <link rel="stylesheet" href="../static/layui/css/layui.css">
    <link rel="stylesheet" href="../css/myMessage.css">
</head>
<body>
<div class="center">
    <form class="layui-form layui-form-pane" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">我的类型</label>
            <div class="layui-input-block" style="width: 105px;">
                <select name="personnelType" id="personnelType">
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">我的名字</label>
                <div class="layui-input-inline" style="width: 80px;">
                    <input class="layui-input" type="text" id="username" autocomplete="off" onblur="changePinYin()" lay-verify="required">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">我的性别</label>
                <div class="layui-input-block" style="width: 100px;">
                    <select name="sex" id="sex">
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">我的年龄</label>
                <div class="layui-input-inline" style="width: 80px;">
                    <input class="layui-input" type="text" id="age" autocomplete="off" lay-verify="required">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">我的编号</label>
            <div class="layui-input-block">
                <input name="title" class="layui-input" disabled="disabled" type="text" autocomplete="off" id="personnelNumber">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">学历</label>
                <div class="layui-input-inline" style="width: 80px;">
                    <select name="education" id="education">
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">毕业院校</label>
                <div class="layui-input-inline" style="width: 305px;">
                    <input class="layui-input" type="text" id="graduateSchool" autocomplete="off" lay-verify="required">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">籍贯</label>
            <div class="layui-input-block">
                <input class="layui-input" type="text" autocomplete="off" id="nativeplace">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">家庭住址</label>
            <div class="layui-input-block">
                <input class="layui-input" type="text" autocomplete="off" id="location">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">联系电话</label>
                <div class="layui-input-inline" style="width: 200px;">
                    <input class="layui-input" type="text" id="phone"  autocomplete="off" lay-verify="required">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width: 180px;">紧急联系电话</label>
                <div class="layui-input-inline" style="width: 200px;">
                    <input class="layui-input" type="text" id="urgentphone" autocomplete="off" lay-verify="required">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <button class="layui-btn" onclick="personnelAdd()">提交</button>
        </div>
    </form>
</div>
</body>
<script>
    //Demo
    layui.use('form', function(){
        var form = layui.form;
    });
</script>
</html>